<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta content="yes" name="apple-mobile-web-app-capable">
	    <meta name="viewport" content="width=device-width,height=device-height,maximum-scale=1.0,user-scalable=no">
	    <meta name="format-detection" content="telephone=no" />
	    <meta name="screen-orientation" content="portrait">
	    <meta name="x5-orientation" content="portrait">
	    <meta name="App-Config" content="fullscreen=yes,useHistoryState=yes,transition=yes">
		<title>我的</title>
		<link rel="stylesheet" href="css/my.css" />				
		<script>
			if((document.documentElement.clientWidth/7.5)>60){
				document.documentElement.style.fontSize='60px';
			}else{
				document.documentElement.style.fontSize = document.documentElement.clientWidth/7.5 + 'px';
			}
			window.addEventListener('resize',function(){
				if((document.documentElement.clientWidth/7.5)>60){
					document.documentElement.style.fontSize='60px';
				}else{
					document.documentElement.style.fontSize = document.documentElement.clientWidth/7.5 + 'px';
				}
			});
		</script>
	</head>
	<body>
        <header>
            <div class="header">
                <div>我的</div>
                <div class="menu">
                	<img src="img/icon/menu_2.png">
                </div>
            </div>
        </header>
        
       	<div class="user_info">
       		<div class="touxiang">
       			<img src="img/bj2.jpg" />
       		</div>
       		<div class="username">海贼大哥哥</div>
       		<div class="flex flexAlignC">
       			<div  class="user_status">
       				您还不是会员哦
       			</div>       			
       		</div>
       	</div>
       	
       	<div class="me1 flex">
       		<div class="border_right">
       			<p class="fb num">0</p>
       			<p>我的课程</p>
       		</div>
       		<div>
       			<p class="fb num">0</p>
       			<p>我发的帖子</p>
       		</div>
       	</div>
       	
       	<div class="me2 flex">
       		<div class="me2_tab">
       			<div>
       				<img src="img/icon/cwg.png" />
       			</div>
       			<p>储物柜</p>
       		</div>
       		<div  class="me2_tab">
       			<div>
       				<img src="img/icon/znpb.png" />
       			</div>
       			<p>智能跑步</p>
       		</div>
       		<div  class="me2_tab">
       			<div>
       				<img src="img/icon/tcy.png" />
       			</div>
       			<p>体测仪</p>
       		</div>
       	</div>
       	
       	<div class="list border_top flex">
       		<div class="listImgBox bc_brown">
       			<img src="img/icon/qianbao.png" />
       		</div>
       		<div class="listTitle">
       			钱包
       			<span>余额、卡券</span>
       		</div>
       	</div>
       	
       	<div class="list flex">
       		<div class="listImgBox bc_coral">
       			<img src="img/icon/quan.png" />
       		</div>
       		<div class="listTitle">我的单次入场券</div>
       	</div>
       	
       	<div class="list flex">
       		<div class="listImgBox bc_deepskyblue">
       			<img src="img/icon/chongzhi.png" />
       		</div>
       		<div class="listTitle">充值</div>
       	</div>
       	
       	<div class="list flex">
       		<div class="listImgBox bc_cadetblue">
       			<img src="img/icon/dingdan.png" />
       		</div>
       		<div class="listTitle">订单</div>
       	</div>
       	
        <div class="list flex">
       		<div class="listImgBox bc_forestgreen">
       			<img src="img/icon/qj.png" />
       		</div>
       		<div class="listTitle">请假记录</div>
       	</div>
       	
       	<div class="list flex">
       		<div class="listImgBox bc_darkseagreen">
       			<img src="img/icon/pinglun.png" />
       		</div>
       		<div class="listTitle">我的评论</div>
       	</div>
       	
       	<div class="list flex">
       		<div class="listImgBox bc_lawngreen">
       			<img src="img/icon/weixin.png" />
       		</div>
       		<div class="listTitle">解绑微信</div>
       	</div>
       	
        <footer class="flex">
        	<div class='tab'>
        		<img src="img/icon/tab1.png" />
        		<span>消息</span>
        	</div>
        	<div class='tab'>
        		<img src="img/icon/tab2.png" />
        		<span>社区</span>
        	</div>
        	<div class='tab'>
        		<img src="img/icon/tab3.png" />
        		<span>主功能</span>
        	</div>
        	<div class='tab'>
        		<img src="img/icon/tab4.png" />
        		<span>我的</span>
        	</div>
        </footer>
        <div class="mar64"></div>
	</body>	
	<script type="text/javascript" src="lib/jquery-3.1.1.min.js" ></script>
	<script type="text/jscript" src="js/member/my.js"></script>
</html>
